if (!("finalizeConstruction" in ViewPU.prototype)) {
    Reflect.set(ViewPU.prototype, "finalizeConstruction", () => { });
}
export class TipsView extends ViewPU {
    constructor(q14, r14, s14, t14 = -1, u14 = undefined, v14) {
        super(q14, s14, t14, v14);
        if (typeof u14 === "function") {
            this.paramsGenerator_ = u14;
        }
        this.__tipsDesc = new SynchedPropertySimpleOneWayPU(r14.tipsDesc, this, "tipsDesc");
        this.__legend = new SynchedPropertyObjectOneWayPU(r14.legend, this, "legend");
        this.setInitiallyProvidedValue(r14);
        this.finalizeConstruction();
    }
    setInitiallyProvidedValue(p14) {
    }
    updateStateVars(o14) {
        this.__tipsDesc.reset(o14.tipsDesc);
        this.__legend.reset(o14.legend);
    }
    purgeVariableDependenciesOnElmtId(n14) {
        this.__tipsDesc.purgeDependencyOnElmtId(n14);
        this.__legend.purgeDependencyOnElmtId(n14);
    }
    aboutToBeDeleted() {
        this.__tipsDesc.aboutToBeDeleted();
        this.__legend.aboutToBeDeleted();
        SubscriberManager.Get().delete(this.id__());
        this.aboutToBeDeletedInternal();
    }
    get tipsDesc() {
        return this.__tipsDesc.get();
    }
    set tipsDesc(m14) {
        this.__tipsDesc.set(m14);
    }
    get legend() {
        return this.__legend.get();
    }
    set legend(l14) {
        this.__legend.set(l14);
    }
    initialRender() {
        this.observeComponentCreation2((j14, k14) => {
            Column.create();
            Column.width('100%');
            Column.padding({ bottom: 15 });
            Column.backgroundColor('#f7f7f9');
        }, Column);
        this.observeComponentCreation2((h14, i14) => {
            Row.create();
            Row.margin({ bottom: 10 });
        }, Row);
        this.observeComponentCreation2((f14, g14) => {
            Text.create(this.tipsDesc);
            Text.fontSize(10);
            Text.fontColor('#191919');
        }, Text);
        Text.pop();
        Row.pop();
        this.observeComponentCreation2((d14, e14) => {
            Row.create();
        }, Row);
        this.observeComponentCreation2((o13, p13) => {
            ForEach.create();
            const q13 = (u13, v13) => {
                const w13 = u13;
                this.observeComponentCreation2((b14, c14) => {
                    Text.create("");
                    Text.margin({ right: 6 });
                    Text.textAlign(TextAlign.Center);
                    Text.fontSize(10);
                    Text.fontColor('#191919');
                    Text.backgroundColor(w13.color);
                    Text.borderRadius(5);
                    Text.width(5);
                    Text.height(5);
                }, Text);
                Text.pop();
                this.observeComponentCreation2((z13, a14) => {
                    Text.create(w13.name);
                    Text.fontSize(10);
                    Text.fontColor('#191919');
                    Text.margin({ right: v13 == 0 ? 16 : 0 });
                }, Text);
                Text.pop();
            };
            this.forEachUpdateFunction(o13, this.legend, q13, (t13) => JSON.stringify(t13), true, false);
        }, ForEach);
        ForEach.pop();
        Row.pop();
        Column.pop();
    }
    rerender() {
        this.updateDirtyElements();
    }
}
